<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<canvas id="canvas" width="600" height="600"></canvas>
	</body>
	<script type="text/javascript">
		let canvas = document.getElementById('canvas')
		console.log([canvas])
		let ctx = canvas.getContext('2d')
		console.log(ctx)
		
		ctx.rect(50,50,300,300)
		ctx.fillStyle='#F4EA29'
		ctx.fill()
		ctx.lineWidth = 10
		ctx.strokeStyle = 'azure'
		ctx.stroke()
		ctx.clearRect(50,50,100,100)
	</script>
</html>
